/*
 * @Author: xuchao 
 * @Date: 2018-05-16 14:10:53 
 * @Last Modified by: xuchao
 * @Last Modified time: 2018-06-28 16:27:17
 */
import React, { Component } from 'react';
import { Link, withRouter } from 'react-router-dom';
import { Layout } from 'antd';
import Slider from '@/components/Slider';  //安全人才招聘
import Carousel from '@/components/Carousel'; 
import Chart from './chart';  //城市安全贡献榜
import Info from './aqzx';  //城市安全贡献榜
import './style.less';

class Home extends Component {
    constructor(props){
        super(props)
        this.state = {
            sliderUrl: [{
                url: require('@/static/images/slider-2.jpg'),
                link: '/course'
            }, {
                url: require('@/static/images/slider-1.jpg'),
                link: '/talent'
            }, {
                url: require('@/static/images/slider-3.jpg'),
                link: '/company'
            }]
        }
    }
    
    render() {
        const { sliderUrl } = this.state;
        return (
            <Layout.Content className="home">
                <Carousel />                
                <div className="aqfw">
                    <div className="center">
                        <p>安全服务</p>
                        <div className="border" />
                        <ul>
                            <li onClick={()=>{
                                if(localStorage.getItem('userInfo')){
                                    window.open('http://safe.gcexe.com/cms/entry/');
                                }else{
                                    this.props.history.push('/login');
                                }
                            }}>
                                <i className="aqts"></i>
                                <p>安全态势</p>
                            </li>
                            <li>
                                <Link to="/service/zxym">
                                    <i className="zxydmsj"></i>
                                    <p>在线源代码审计</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/service/bak">
                                    <i className="jjbak"></i>
                                    <p>解决方案库</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/service/yjxy">
                                    <i className="yjxyzx"></i>
                                    <p>应急响应中心</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/supermarket">
                                    <i className="yaqcs"></i>
                                    <p>云安全超市</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/service/threaten">
                                    <i className="wxjb"></i>
                                    <p>威胁举报</p>
                                </Link>
                            </li>
                        </ul>
                    </div>
                </div>
                <Info />
                <div className="aqywbsck">
                    <div className="center">
                        <p>安全业务办事窗口</p>
                        <div className="border" />
                        <ul>
                            <li>
                                <Link to="/work/1">
                                    <div className="icon">
                                        <i className="zzsq"></i>
                                    </div>
                                    <p className="title">资质申请</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/work/2">
                                    <div className="icon">
                                        <i className="dbdj"></i>   
                                    </div>
                                    <p className="title">等保定级</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/work/3">
                                    <div className="icon">
                                        <i className="dbcp"></i>
                                    </div>
                                    <p className="title">等保测评</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/work/4">
                                    <div className="icon">
                                        <i className="fxpg"></i>
                                    </div>
                                    <p className="title">风险评估</p>
                                </Link>
                            </li>
                            <li style={{marginLeft: '150px'}}>
                                <Link to="/work/5">
                                    <div className="icon">
                                        <i className="aqjc"></i>
                                    </div>
                                    <p className="title">安全集成</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/service/yjxy">
                                    <div className="icon">
                                        <i className="yjxy"></i>
                                    </div>
                                    <p className="title">应急响应</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/work/7">
                                    <div className="icon">
                                        <i className="yaqcs"></i>
                                    </div>
                                    <p className="title">安全案件</p>
                                </Link>
                            </li>
                        </ul>
                    </div>
                </div>
                <div className="zzdwdj bg">
                    <div className="center">
                        <p>资质单位登记</p>
                        <div className="border" />
                        <ul>
                            <li>
                                <Link to="/recordCompany">
                                    <div className="icon">
                                        <i className="dbcpbadw"></i>
                                    </div>
                                    <p className="title">等保测评备案机构</p>
                                    <p className="content">授权的等保测评机构</p>
                                    <span>查询详情</span>
                                    <p className="num">当前已有5个授权机构</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/recordCompany">
                                    <div className="icon">
                                        <i className="fxpgbadw"></i>   
                                    </div>
                                    <p className="title">风险评估备案单位</p>
                                    <p className="content">授权的风险评估中心</p>
                                    <span>查询详情</span>
                                    <p className="num">当前已有15家公司获证</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/recordCompany">
                                    <div className="icon">
                                        <i className="aqjcbadw"></i>
                                    </div>
                                    <p className="title">安全集成备案单位</p>
                                    <p className="content">获得安全集成资质的公司</p>
                                    <span>查询详情</span>
                                    <p className="num">当前已有15家公司获证</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/recordCompany">
                                    <div className="icon">
                                        <i className="smjcbadw"></i>
                                    </div>
                                    <p className="title">涉密集成备案单位</p>
                                    <p className="content">获得涉密集成资质的公司</p>
                                    <span>查询详情</span>
                                    <p className="num">当前已有3家公司获证</p>
                                </Link>
                            </li>
                            <li>
                                <Link to="/recordCompany">
                                    <div className="icon">
                                        <i className="qthzbadw"></i>
                                    </div>
                                    <p className="title">其他资质备案单位</p>
                                    <p className="content">获得其他安全资质的公司</p>
                                    <span>查询详情</span>
                                    <p className="num">当前已有55家公司获证</p>
                                </Link>
                            </li>
                        </ul>
                    </div>
                </div>
                <Chart />
                <div className="aqrczp">
                    <div className="center">
                        
                        <Slider speed={1000} autoPlay={true} sliderUrl={sliderUrl} />
                    </div>
                </div>
                <div className="hdzl">
                    <div className="center">
                        <p>活动专栏</p>
                        <div className="border" />
                        <ul>
                            <li>
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <i></i>
                                    <p className="title">城市安全技能大赛</p>
                                    <p className="tit">城市信息安全大赛是我市网信办领导下的年度常规赛事。比赛的目的是为了培养人才、锻炼安全服务团队，加强安全知识学习，贯彻信息安全政策。常规赛-党政机关组，以考核信息安全法律法规、信息安全意识、信息安全基本管理为要点；企业网管组以考核信息安全法律法规、信息安全意识、信息安全专业管理技能为要点；专业团队组以考核信息安全渗透测试技能为要点；安全服务组以考核风险评估、解决方案、防护技能为要点。</p>
                                    <Link to="/activity/skill">查看详情</Link>
                                </div>
                            </li>
                            <li>
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <i></i>
                                    <p className="title">城市信息安全年会</p>
                                    <p className="tit">连云港市信息安全大会（LSC）始办于2018年，是连云港市委市政府组办的官方信息安全年度工作会议。大会的宗旨是加强连云港市信息安全建设、推动智慧城市中信息安全保障工作，通过连云港市信息安全公共技术服务平台做好城市信息安全事件监管、各重点企事业单位信息安全保障工作监管、信息安全工作评优与表彰、信息安全事件通报与整改修复、信息安全市场规范、信息安全教育普及等工作。LSC是对连云港市全年信息安全工作的汇报、总结大会，同时也邀请国内信息安全中科院院士、知名信息安全专家向全部参会单位与个人进行新的、前沿的信息安全技术宣讲。
                                    </p>
                                    <Link to="/activity/aqnh">查看详情</Link>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div className="csxxaqxy bg">
                    <div className="center">
                        <p>城市信息安全学院</p>
                        <div className="border" />
                        <img src={require('@/static/images/csxxxy.jpg')} alt=""/>
                        <div className="info">
                            <div className="icon">
                                <i />
                            </div>
                            <h1>城市信息安全学院简介</h1>
                            <div className="border"></div>
                            <p>连云港市信息安全学院是有连云港市委市政府组织的城市信息安全教育机构。学院的职能是通过提高党政机关领导和工作人员信息安全意识、法律法规与基础技能的能力；加强市辖区内各类企业信息部门的信息安全管理技能和运维技能；培养本地化的信息安全初中级人才并对外省市“出口”；面向市辖区内的各高校、高职、中职院校提供信息安全方向学生的委培，提高就业率和信息拿全人才转化率。著名互联网公司腾讯携玄武安全实验室、反欺诈实验室等国内顶尖信息安全力量与我市淮海工学院共同协助本学院的办学、课程编写和教学、就业转化工作。众多知名信息安全企业也加入到本学院，共同成立技术专题小组协助办学，并与本学院建立了信息安全人才就业直通车，直接面向本学院学员进行绿色通道式的面试招聘。学院的宗旨是建设安全的祖国，建设安全连云港，为国家信息安全人才建设添砖加瓦。</p>
                            <Link to="/activity/csaq">查看详情</Link>
                        </div>
                    </div>
                </div>
            </Layout.Content>
        );
    }
}

export default withRouter(Home);